<template>
	<div style="background: #f2f2f2; padding-bottom: 45px;">
		<div class="base-top">
			<div class="base-topinfo">
				<p class="bti-title">
					六沐集团
				</p>
				<p class="bti-subtitle">
					<span>爱，诚信，感恩，拼搏</span>
				</p>
			</div>
		</div>
		<div class="bc-view">
			<navLeft :menuId="aboutId" :menuName="menuName"></navLeft>
			<navRight :menuId="aboutId" :menuName="menuName"></navRight>
		</div>
	</div>
</template>

<script>
	import NavLeft 		from '@/components/web/base/NavLeft';
	import NavRight 	from '@/components/web/base/NavRight';
	
	export default {
	  	name: 'About',
	  	data :function() {
		    return {
		    	aboutId 	: '172',
		    	menuName 	: '联系我们',
		    }
	  	},
	  	components:{ 
	  		'navLeft' 	: NavLeft,
	  		'navRight' 	: NavRight
	  	},
	  	created(){
	  	},
	  	methods:{	
	  		
	  	}
	}
</script>

<style scoped lang="less">
.base-top{
	background: url(../../../assets/images/bg110.png) no-repeat;
	background-size: 100%;
	.base-topinfo{
		width: 1200px;
		margin: 0 auto;
		color:#fff;
		text-align:right;
		.bti-title{
			padding-top: 94px;
			font-weight: 100px;	
			font-size: 30px;
		}
		.bti-subtitle{
			span{
				background: #C62E25;
				margin: 5px 0px 75px;
				padding: 5px;
				font-size: 20px;
			    display: inline-block;
			}
		}
	}
}
.bc-view{
	width: 1200px;
	margin: 0 auto;
	background:#fff;
	display:flex;
    margin-top: -50px;
}
</style>